import React from 'react';

// 函数组件示例
function HelloWorld() {
  // JSX 中可以使用 JavaScript 表达式
  const name = "React";
  const getGreeting = () => {
    return "欢迎学习";
  };
  
  // JSX 中的注释需要这样写
  return (
    <div className="hello-world">
      {/* JSX 中的注释 */}
      <p>
        {getGreeting()} {name}! {/* 使用花括号嵌入表达式 */}
      </p>
      <p>
        1 + 1 = {1 + 1} {/* 可以直接计算表达式 */}
      </p>
    </div>
  );
}

export default HelloWorld; 